<template>
  <div class="tabBar">
    <div class = 'tabBarItem' v-for="(item, index) in tabs" :key="index">
      <div><a-icon :type = "icons[index]"/></div>
      <div>{{item}}</div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Tab',
  data(){
    return {
      tabs: ['首页', '消息', '公益招聘', '主页', '我的'],
      icons: ['home', 'message', 'bank', 'video-camera','solution']
    }
  },
  components: {},
  created(){},
  mounted(){},
  methods: {}
}
</script>
<style>
.tabBar {
  padding-top: 5px;
}
.tabBarItem {
  width: 20%;
  height: 100%;
  display: inline-block;
  text-align: center;
  color: white;
}
</style>
